/* icons */
@import url("icons.css");

textarea,input,select {
	border: 1px solid #BFBAB0;
	background-color: #fcfcfc;
}

select {
	width: 202px;
}

select.small {
	width: 75px;
}

input.submitSearch {
	background: url("submit.ico") no-repeat center;
	width: 25px;
	height: 25px;
	display: block;
	overflow: visible;
	border: 0px;
}

input.clearSearch {
	background: url("clear.png") no-repeat center;
	width: 25px;
	height: 25px;
	display: block;
	overflow: visible;
	border: 0px;
}

a.add {
	background: url("add.ico") no-repeat center;
	width: 35px;
	height: 35px;
	display: block;
	overflow: visible;
}

a:hover.add {
	background: #FFEBCD url("add.ico") no-repeat center;
	width: 35px;
	height: 35px;
	display: block;
}

a.delete {
	background: url("delete.ico") no-repeat center;
	width: 25px;
	height: 25px;
	display: block;
	overflow: visible;
}

/* a:hover.delete { */
/* 	background: #FFEBCD url("delete.ico") no-repeat center; */
/* 	width: 25px; */
/* 	height: 25px; */
/* 	display: block; */
/* } */
a.edit {
	background: url("edit.ico") no-repeat center;
	width: 25px;
	height: 25px;
	display: block;
	overflow: visible;
}

/* a:hover.edit { */
/* 	background: #FFEBCD url("edit.ico") no-repeat center; */
/* 	width: 25px; */
/* 	height: 25px; */
/* 	display: block; */
/* } */
a.search {
	background: url("search.ico") no-repeat center;
	width: 35px;
	height: 35px;
	display: block;
	overflow: visible;
}

a:hover.search {
	background: #FFEBCD url("search.ico") no-repeat center;
	width: 35px;
	height: 35px;
	display: block;
}

.feedbackPanelERROR {
	color: red;
	list-style: circle;
	/* 	font-weight: bold; */
}

.feedbackPanelINFO {
	color: green;
	list-style: circle;
	/* 	font-weight: bold; */
}

.feedbacklabel { /* 	font-weight: bold; */
	
}

.feedbacklabel.info {
	color: green;
}

.feedbacklabel.error {
	color: red;
}

.formcomponent.invalid {
	border: 2px solid red;
	color: red;
}

.formcomponent.valid {
	color: green;
}

body {
	
	background-color: white;
	background-repeat: repeat-x;
	color: black;
	font-family: 'Tahoma', 'Lucida Sans', 'Arial', 'Helvetica', 'Sans-serif',
		'sans';
	font-size: 9pt;
	line-height: 1.8em;
		margin: 3px;
	padding-top: 40px;
 
}

h1,h2,h3,h4,h5,h6,h7,h8 {
	color: #E9601A;
	text-align: center;
	font-weight: normal;
}

h1,h2 {
	font-family: 'Trebuchet MS';
	letter-spacing: -1px;
}

#extitle {
	color: #E9601A;
	font-size: 12pt;
	font-weight: bold;
	padding: 10px;
}

.mark {
	background-color: yellow;
	margin: 5px;
}

.feedbackPanelERROR {
	color: red;
	/* 	font-weight: bold; */
	list-style-image: none;
	list-style-position: outside;
	list-style-type: circle;
}

.feedbackPanelINFO {
	color: green;
	/* 	font-weight: bold; */
	list-style-image: none;
	list-style-position: outside;
	list-style-type: circle;
}

.nospam {
	display: none;
}

.block {
	padding: 10px;
}

.blockWithBorder {
	border: thin dotted #E9601A;
}

#hellomessage {
	font-size: 30pt;
}

#titleblock {
	border-width: thin;
	color: white;
	font-weight: bold;
	padding: 17px 2px 2px 6px;
}

#titleblock a {
	color: #000000;
}

h2 {
	font-size: 1.25em;
}

h3 {
	font-size: 1em;
}

a {
	color: #E9601A;
	font-weight: bold;
	text-decoration: none;
}

img {
	border: medium none;
}

pre {
	font-family: 'Lucida Sans', 'Helvetica', 'Sans serif', 'sans';
}

th {
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: #C3C3C3 none repeat scroll 0 0;
	color: white;
	font-weight: bold;
}

tr.b {
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: #F5F5F5 none repeat scroll 0 0;
}

tr.a {
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: #E6E6E5 none repeat scroll 0 0;
}

tr.none {
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: transparent none repeat scroll 0 0;
}

a.none {
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: transparent none repeat scroll 0 0;
	padding-right: 0;
}

.inputForm label {
	display: block;
	margin-top: 5px;
}

#numberRadioChoice label {
	display: inline !important;
}

.inputForm label.non {
	display: inline !important;
}

.inputFormTable td {
	padding: 10px;
	vertical-align: top;
}

#nestedExampleTree {
	width: 300px;
}

#feedbackPanel {
	width: 600px;
}

#siteSelection {
	width: 200px;
}

div.tabRowContent {
	border: 1px solid #DDDDDD;
	margin: 4px;
	padding: 4px;
}

table.dataview {
	border-bottom: 1px solid #0079D6;
	font-family: arial;
	font-size: 1em;
	margin-bottom: 10px;
	width: 100%;
	padding: 5px;
}

table.dataview caption {
	text-align: left;
}

table.dataview tr {
	padding-bottom: 2px;
	padding-top: 2px;
}

table.dataview tr.even {
	background-color: #f7f7f7;
}

table.dataview tr.even:hover {
	background-color: #FFEBCD;
}

table.dataview tr.odd:hover {
	background-color: #FFEBCD;
}

table.dataview tr.odd {
	background-color: #FFFFFF;
}

table.dataview tr td {
	padding-left: 8px;
	padding-right: 30px;
}

table.dataview tr th {
	background-color: #C1E4FF;
	border-bottom: 1px solid #0079D6;
	border-top: 1px solid #0079D6;
	color: black;
	padding: 3px 30px 3px 8px;
	text-align: left;
	vertical-align: middle;
	white-space: nowrap;
}

table.dataview tr th {
	background-position: right center;
	background-repeat: no-repeat;
}

table.dataview tr th.wicket_orderDown {
	background-color: #87CBFF;
	background-image: url(../img/displaytag/../../img/arrow_down.png);
}

table.dataview tr th.wicket_orderUp {
	background-color: #87CBFF;
	background-image: url(../img/displaytag/../../img/arrow_up.png);
}

table.dataview tr th.wicket_orderNone {
	background-image: url(../img/displaytag/../../img/arrow_off.png);
}

table.dataview tr th a {
	font-weight: normal;
}

table.dataview #message {
	padding-left: 3px;
}

table.dataview caption {
	padding-bottom: 2px;
}

div.tabpanel div.tab-row {
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	float: left;
	line-height: normal;
	width: 100%;
}

div.tabpanel div.tab-row ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	padding: 10px 10px 0;
}

div.tabpanel div.tab-row li {
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: transparent url(../img/tabs/left.gif) no-repeat scroll left
		top;
	float: left;
	margin: 0;
	padding: 0 0 0 9px;
}

div.tabpanel div.tab-row a {
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: transparent url(../img/tabs/right.gif) no-repeat scroll
		right top;
	color: #EEEEEE;
	display: block;
	font-weight: bold;
	padding: 5px 15px 4px 6px;
	text-decoration: none;
	white-space: nowrap;
}

div.tabpanel div.tab-row a:hover {
	color: #FFFFFF;
}

div.tabpanel div.tab-row li.selected {
	background-image: url(../img/tabs/left_on.gif);
}

div.tabpanel div.tab-row li.selected a {
	background-image: url(../img/tabs/right_on.gif);
	color: #333333;
	padding-bottom: 5px;
}

div.tabpanel1 div.tab-row {
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: #DAE0D2 url(../img/tabs1/bg.gif) repeat-x scroll center
		bottom;
	float: left;
	line-height: normal;
	width: 100%;
}

div.tabpanel1 div.tab-row ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	padding: 10px 10px 0;
}

div.tabpanel1 div.tab-row li {
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: transparent url(../img/tabs1/left.gif) no-repeat scroll left
		top;
	float: left;
	margin: 0;
	padding: 0 0 0 9px;
}

div.tabpanel1 div.tab-row a {
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: transparent url(../img/tabs1/right.gif) no-repeat scroll
		right top;
	color: #776655;
	display: block;
	font-weight: bold;
	padding: 5px 15px 4px 6px;
	text-decoration: none;
	white-space: nowrap;
}

div.tabpanel1 div.tab-row a:hover {
	color: #333333;
}

div.tabpanel1 div.tab-row li.selected {
	background-image: url(../img/tabs1/left_on.gif);
}

div.tabpanel1 div.tab-row li.selected a {
	background-image: url(../img/tabs1/right_on.gif);
	color: #333333;
	padding-bottom: 5px;
}

div.tabpanel2 div.tab-row {
	-moz-background-clip: border;
	tabpanel1 -moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: #336699 url(../img/tabs2/bg.gif) repeat-x scroll center
		bottom;
	float: left;
	font-size: 85%;
	line-height: normal;
	width: 100%;
}

div.tabpanel2 div.tab-row ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	padding: 10px 10px 0;
}

div.tabpanel2 div.tab-row li {
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: transparent url(../img/tabs2/right.gif) no-repeat scroll
		right top;
	float: left;
	margin: 0;
	padding: 0 5px 0 0;
}

div.tabpanel2 div.tab-row a {
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: transparent url(../img/tabs2/left.gif) no-repeat scroll left
		top;
	color: #99CCFF;
	display: block;
	float: left;
	font-weight: bold;
	padding: 5px 7px 4px 20px;
	text-decoration: none;
	white-space: nowrap;
}

div.tabpanel2 div.tab-row a {
	float: none;
}

div.tabpanel2 div.tab-row a:hover {
	color: #FFFFFF;
}

div.tabpanel2 div.tab-row li.selected {
	background-image: url(../img/tabs2/right_on.gif);
}

div.tabpanel2 div.tab-row li.selected a {
	background-image: url(../img/tabs2/left_on.gif);
	color: #333333;
	padding-bottom: 5px;
}

div.tabpanel3 div.tab-row {
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: #EEEEEE url(../img/tabs3/bg.jpg) repeat-x scroll center top;
	float: left;
	line-height: normal;
	width: 100%;
}

div.tabpanel3 div.tab-row ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	padding: 10px 10px 0;
}

div.tabpanel3 div.tab-row li {
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: transparent url(../img/tabs3/left.gif) no-repeat scroll left
		top;
	float: left;
	margin: 0;
	padding: 0 0 0 28px;
}

div.tabpanel3 div.tab-row a {
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: transparent url(../img/tabs3/right.gif) no-repeat scroll
		right top;
	color: #92A2AC;
	display: block;
	float: left;
	font-weight: bold;
	padding: 9px 28px 4px 0;
	text-decoration: none;
}

div.tabpanel3 div.tab-row a {
	float: none;
}

div.tabpanel3 div.tab-row a:hover {
	color: #A56060;
}

div.tabpanel3 div.tab-row li.selected {
	background-image: url(../img/tabs3/left_on.gif);
}

div.tabpanel3 div.tab-row li.selected a {
	background-image: url(../img/tabs3/right_on.gif);
	color: #A56060;
}

div.tabpanel4 div.tab-row ul {
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: transparent url(../img/tabs4/tab_bottom.gif) repeat-x scroll
		center bottom;
	height: 20px;
	margin: 0;
	padding-left: 10px;
}

div.tabpanel4 div.tab-row li {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

div.tabpanel4 div.tab-row a:link,div.tabpanel4 div.tab-row a:visited {
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: #F3F3F3 none repeat scroll 0 0;
	border: 1px solid #CCCCCC;
	color: #666666;
	float: left;
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
	margin-right: 4px;
	padding: 2px 10px;
	text-decoration: none;
}

div.tabpanel4 div.tab-row li.selected a:link,div.tabpanel4 div.tab-row a.active:visited
	{
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: #FFFFFF none repeat scroll 0 0;
	border-bottom: 1px solid #FFFFFF;
	color: #000000;
}

div.tabpanel4 div.tab-row a:hover {
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: #FFFFFF none repeat scroll 0 0;
}

div.wupb-uploadStatus {
	color: #AAAAAA;
	margin: 5px;
}

div.wupb-progressBar {
	margin: 5px;
}

div.wupb-progressBar .wupb-border {
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: #EEEEEE url(../img/progress-remainder.gif) repeat-x scroll 0
		0;
	border-left: 1px solid grey;
	border-right: 1px solid grey;
	width: 100%;
}

div.wupb-progressBar .wupb-background {
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: #507090 url(../img/progress-bar.gif) repeat-x scroll 0 0;
	height: 18px;
	width: 0;
}

table.grid {
	border-bottom: 1px solid #0079D6;
	font-family: arial;
	font-size: 1em;
	margin-bottom: 10px;
	width: 100%;
}

table.grid tr {
	padding-bottom: 2px;
	padding-top: 2px;
}

table.grid tr.odd {
	background-color: #FFEBCD;
}

table.grid tr.even {
	background-color: #FFFFFF;
}

table.grid tr td {
	padding-left: 8px;
	padding-right: 30px;
}

table.grid tr.navigation {
	font-size: 0.8em;
	text-align: left;
}

table.grid tr.navigation td {
	padding-right: 0;
}

table.grid tr th {
	background-color: #C1E4FF;
	border-bottom: 1px solid #0079D6;
	border-top: 1px solid #0079D6;
	font-weight: normal;
	padding: 3px 24px 3px 8px;
	text-align: left;
	vertical-align: middle;
	white-space: nowrap;
}

table.grid tr th a {
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 15px;
}

table.grid tr th.wicket_orderDown a {
	background-image: url(../img/displaytag/../../img/arrow_down.png);
	color: black;
}

table.grid tr th.wicket_orderUp a {
	background-image: url(../img/displaytag/../../img/arrow_up.png);
	color: black;
}

table.grid tr th.wicket_orderNone a {
	background-image: url(../img/displaytag/../../img/arrow_off.png);
}

table.grid tr th a {
	font-weight: normal;
}

table.grid td.filter-td {
	background-color: #C1E4FF;
	border-bottom: 1px solid #0079D6;
	font-size: 1em;
}

table.grid td.filter-td input.go {
	width: 45%;
}

table.grid td.filter-td input.clear {
	width: 45%;
}

table.grid td.filter-td input {
	font-size: 0.6em;
	width: 100%;
}

table.grid td.filter-td select {
	font-size: 0.6em;
	width: 100%;
}

tr.section td {
	padding-top: 0.75em;
}

.required {
	background-color: #FFFFCC;
}

.disable {
	background-color: #eeeeee;
}

/*subTab*/
div.maintab div.tab-row {
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: #DAE0D2 url(../img/tabs1/bg.gif) repeat-x scroll center
		bottom;
	float: left;
	line-height: normal;
	width: 100%;
}

div.maintab div.tab-row ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	padding: 10px 10px 0;
}

div.maintab div.tab-row li {
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: transparent url(../img/tabs1/left.gif) no-repeat scroll left
		top;
	float: left;
	margin: 0;
	padding: 0 0 0 9px;
}

div.maintab div.tab-row a {
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: transparent url(../img/tabs1/right.gif) no-repeat scroll
		right top;
	color: #776655;
	display: block;
	font-weight: bold;
	padding: 5px 15px 4px 6px;
	text-decoration: none;
	white-space: nowrap;
}

div.maintab div.tab-row a:hover {
	color: #333333;
}

div.maintab div.tab-row li.selected {
	background-image: url(../img/tabs1/left_on.gif);
}

div.maintab div.tab-row li.selected a {
	background-image: url(../img/tabs1/right_on.gif);
	color: #333333;
	padding-bottom: 5px;
}

/*subTab*/
div.subtab div.tab-row {
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: #ffffff;
	float: left;
	line-height: normal;
	width: 10%;
	padding-right: 10px;
	margin-top: 10px;
}

div.subtab div.tab-row ul {
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	/*background: transparent url(../img/tabs4/tab_bottom.gif) repeat-x scroll
		center bottom;*/
	height: 20px;
	margin: 0;
	padding-left: 10px;
	width: 60%;
}

div.subtab div.tab-row li {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

div.subtab div.tab-row a:link,div.subtab div.tab-row a:visited {
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: #F3F3F3 none repeat scroll 0 0;
	border: 1px solid #CCCCCC;
	color: #666666;
	float: left;
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
	margin-right: 4px;
	padding: 2px 10px;
	text-decoration: none;
	width: 100%;
}

div.subtab div.tab-row li.selected a:link,div.subtab div.tab-row a.active:visited
	{
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: #FFFFFF none repeat scroll 0 0;
	/* 	border: 1px solid #FFFFFF; */
	/* 	border: 0px solid #CCCCCC; */
	/* 	border-right:0px solid #FFFFFF; */
	color: #000000;
	width: 100%;
}

div.subtab div.tab-row a:hover {
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: #FFFFFF none repeat scroll 0 0;
	width: 100%;
}

div.subtab div.tab-panel {
	margin-top: 20px;
	margin-left: -10px;
	float: left;
	border: 1px solid #CCCCCC;
	padding: 10px;
	width: 80%
}

/*Function header*/
div.header {
	border: 1px solid #000;
	width: 100%;
	left: 0;
	top: 0;
	position: fixed;
	background-color: #ffffff;
	border-bottom: 1px solid #133783;
	box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.52);
	height: 37px;
 
	z-index: 300;
	padding-left: 10px;
	padding-right: 10px;
}

div.functionHeader {
	display: inline-block;
	float: right;
	padding-left: 20px;
	padding-right: 30px;
	margin-top: 15px;
}

div.titleHeader {
	display: inline-block;
	color: #E9601A;
	font-size: 14pt;
	line-height: 1.8em;
}







/**exam center css*/
.seatEmpty {
	width: 22px;
	height: 22px;
	border:  1px solid #000;
	background-color: green;
	margin: 5px;
	float: left;
}

.seat {
	width: 22px;
	height: 22px;
	border:  1px solid #000;
	background-color: yellow;
	margin: 5px 5px 5px 5px;
	float: left;
}

.seatNotActive {
	width: 22px;
	height: 22px;
	border:  1px solid #000;
	margin: 5px 5px 5px 5px;
	float: left;
	background-color: gray;
}